<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="UTF-8" />
        <title>10_DOM0-同一个对象绑定同一个事件执行不同业务逻辑</title>
    </head>
    <body>
        <p>哈哈哈</p>

        <button>按钮</button>

        <script>
            var btn = document.querySelector('button');

            var p = document.querySelector('p');

            btn.onclick = function(){
                p.innerHTML = '嘿嘿嘿';
            }
            // 当同一个对象绑定同一个事件  会覆盖
            btn.onclick = function(){
                p.style.color = 'red';
            }
        </script>
    </body>
</html>